{%extend name="home/layout/layout"/%}
{%block name="header"%}
{%/block%}
{%block name="content"%}
<link rel="stylesheet" type="text/css" href="/static/home/pages/manshe-font/iconfont.css">
<div class="container" style="max-width: 750px">
    <div class="row">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title ms-text-color">{%$noteinfo.note.title%}</h3>
            </div>
            <div class="panel-body">
                <div class=" msline">
                    <img class="img-circle ms_avatar" src={%$noteinfo.creator.photo%}>
                    <span class="ms-text-color">{%$noteinfo.creator.nickname%}</span>
                    {%switch name="noteinfo.creator.sex"%}
                    {%case value="F"%}<span class="iconfont icon-nv" style="color: #dd6989"></span>{%/case%}
                    {%case value="M"%}<span class="iconfont icon-nan" style="color: #007bb6"></span>{%/case%}
                    {%/switch%}
                    <small class="label label-warning">{%$noteinfo.creator.level%}V</small>
                    <small class="label label-danger">楼主</small>
                </div>
                <div class="ms-text-color msline">
                    <p>{%$noteinfo.note.title%}</p>
                    {%notempty name="noteinfo.note.pic"%}
                    {%volist name="noteinfo.note.pic" id="vo"%}
                    <div>
                        <img class="img-responsive center-block msline" src={%$vo%}>
                    </div>
                    {%/volist%}
                    {%/notempty%}
                </div>
                <div>
                    <img class="img-responsive center-block"
                         src="http://manshe-app.oss-cn-beijing.aliyuncs.com/system/dashang.png">
                </div>
                <div>
                    {%notempty name="noteinfo.reward"%}
                    <h6 class="text-center ms-text-color">已有{%$noteinfo.reward|count%}人打赏</h6>
                    {%volist name="noteinfo.reward" id="vo"%}
                    <img class="img-responsive img-circle ms_avatar" src={%$vo.photo%}>
                    {%/volist%}
                    <span class="glyphicon glyphicon-menu-right ms-text-color" style="vertical-align:middle"></span>
                    {%/notempty%}
                </div>
            </div>

        </div>
        <div class="panel panel-default">
            <div class="panel-body">
                <span class="label label-success">默认</span>
                <span class="label label-danger">热门</span>
                <span class="label label-primary">最新</span>
            </div>
            <ul class="list-group">
                <li class="list-group-item">
                    {%notempty name="replyinfo.list"%}
                    {%volist name="replyinfo.list" id="vo"%}
                    <div class="media">
                        <div class="media-left">
                            <img class="media-object ms_avatar img-circle" src={%$vo.photo%}>
                        </div>
                        <div class="media-body">
                            <div class="media-heading">
                                <span class="ms-text-color">{%$vo.nickname%}</span>
                                {%switch name="$vo.sex"%}
                                {%case value="F"%}<span class="iconfont icon-nv" style="color: #dd4b39"></span>{%/case%}
                                {%case value="M"%}<span class="iconfont icon-nan" style="color: #007bb6"></span>{%/case%}
                                {%/switch%}
                                <span class="label label-warning">{%$vo.level%}</span>
                                <span class="pull-right ms-text-color">&nbsp;{%$vo.praise_count%}</span>
                                <span class="iconfont icon-zan pull-right"></span>
                            </div>
                            <div>
                                <span class="ms-text-color">{%$i%}F {%$vo.time%}</span>

                                <p>{%$vo.content%}</p>
                            </div>
                        </div>
                    </div>
                    {%/volist%}
                    {%/notempty%}
                </li>

            </ul>
        </div>
    </div>
    <div class="row" style="margin-top: -15px;">
        <div class="col-xs-4 ms-bottom-label">
            <span class="iconfont icon-155 ms-text-color "></span>
            <small style="font-size: 14px;">说点什么....</small>
        </div>
        <div class="col-xs-8 pull-right" style="text-align: right">
            <div class="col-xs-3 ms-bottom-label">
                <span class="iconfont icon-pinglun">
                    <small style="vertical-align: super;margin-left: -5px;font-size: 10px;">99+</small>
                </span>
            </div>
            <div class="col-xs-3 ms-bottom-label">
                <span class="iconfont icon-zan"></span>
            </div>
            <div class="col-xs-3 ms-bottom-label">
                <span class="iconfont icon-shoucang"></span>
            </div>
            <div class="col-xs-3 ms-bottom-label">
                <span class="iconfont icon-jg"></span>
            </div>
        </div>
    </div>
    <div class="row">
        <p>&nbsp;</p>
    </div>
</div>
{%/block%}